<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id="btn">点击</button>
    <!-- 
        (5) 封装一个函数 实现数组翻转  reverse([1,2,3,4,5,6,7]) => [7,6,5,4,3,2,1]
        (6) 封装一个函数 用特定的字符将数组拼接形成字符串   join(["a","b","c","d"],"-") => "a-b-c-d"
     -->
    <!-- 
        断点 => 让代码执行到某个位置停止,后续可以手动调试

        使用步骤
        1. 哪里不会点哪里 (debugger)
        2. 打开开发者工具 => source  
        3. 触发断点 => 让代码重新执行一遍
           (1)  如果代码在页面加载时执行 => 刷新页面
           (2)  如果代码在事件中执行 => 触发事件
           (3)  如果代码在函数中执行 => 调用函数
        4. 调试完毕 => 取消断点

        快捷键:
            F8  从当前断点,直接跳到下一个断点或代码结束位置 (中间的过程快速执行)
            F9  (单步执行)  一步一步按顺序向后执行
            F10 (单步执行,跳过函数调用)    一步一步按顺序向后执行(跳过函数的执行过程,直接返回结果)
            F11 (单步执行,进入函数调用)    一步一步按顺序向后执行(如果有函数,也会进入函数)

        注意:
            如果有  VM xxx标识 -> 刷新页面重新来一遍


     -->
</body>
<script>


    // 页面加载时执行
    // var arr = [1, 2, 3, 4, 5, 6, 7];

    // var mid = Math.floor(arr.length / 2); // 7 / 2 => 3

    // for (var i = 0; i < mid; i++) {
    //     // i 当前位置
    //     // arr.length - 1 - i;  对应的交换位置

    //     var temp = arr[i];
    //     arr[i] = arr[arr.length - 1 - i];
    //     arr[arr.length - 1 - i] = temp;
    // }

    // console.log(arr);


    // 在事件中执行
    // var btn = document.getElementById("btn")
    // btn.onclick = function () {
    //     debugger;

    //     var arr = [1, 2, 3, 4, 5, 6, 7];

    //     var mid = Math.floor(arr.length / 2); // 7 / 2 => 3

    //     for (var i = 0; i < mid; i++) {
    //         // i 当前位置
    //         // arr.length - 1 - i;  对应的交换位置

    //         var temp = arr[i];
    //         arr[i] = arr[arr.length - 1 - i];
    //         arr[arr.length - 1 - i] = temp;
    //     }

    //     console.log(arr);
    // }

    debugger;

    function fn() {
        // debugger;

        var arr = [1, 2, 3, 4, 5, 6, 7];

        var mid = Math.floor(arr.length / 2); // 7 / 2 => 3

        for (var i = 0; i < mid; i++) {
            // i 当前位置
            // arr.length - 1 - i;  对应的交换位置

            var temp = arr[i];
            arr[i] = arr[arr.length - 1 - i];
            arr[arr.length - 1 - i] = temp;
        }

        console.log(arr);
    }

    console.log(1);
    console.log(2);
    fn();
    console.log(3);
    console.log(4);
    debugger;





</script>

</html>